<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>华为商城（VMALL.COM）_华为手机、荣耀手机、官网正品保障</title>
		<link rel="stylesheet" type="text/css" href="css/base.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="commonCss/nav.css">
		<link rel="stylesheet" type="text/css" href="commonCss/footer.css">
		<link rel="stylesheet" type="text/css" href="commonCss/fixedMenu.css">
		<link rel="shortcut icon" href="img/index/favicon.ico">
		<script type="text/javascript" src="js/indexData.js"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript">
              $(function (){
                 var obj = localStorage.getItem("user");
				 if(obj != null){
                      //将对象转为js对象
					  var user = JSON.parse(obj);
					  //向主页的登录按钮追加登录成功后的展示信息
                      $("#show_userinfo").append(user.user_tel);
					  $("#show_userinfo").after("<a href='javascript:;' id='logout'>退出</a>");
				 }else{
					 $("#show_userinfo").append("请登录")
				 }

				 //退出按钮绑定点击事件
				 $("#logout").click(function (){
					 //清除所有的账户信息
					 localStorage.clear();
					 //刷新
					 window.location.reload();
				 })


			  })
		</script>
	</head>
	<body>
		<header id="header" class="t">
			<div id="topAd" class="t">
				<a href="#" title="荣耀" >
					<div id="topAdC" class="c">
							<div id="close">
								<object><a href="#" title="关闭">X</a></object>
							</div>
					</div>
				</a>
			</div>

			<nav id="navTop" class="t">
				<div id="navTopC" class="c">
					<ul id="navTopLeft" class="l">
						<li class="topLinks" id="indexPage"><a href="index.html">首页</a></li>
						<li class="topLinks"><a href="">华为官网</a></li>
						<li class="topLinks"><a href="">荣耀官网</a></li>
						<li class="topLinks"><a href="">花粉俱乐部</a></li>
						<li class="topLinks"><a href="">V码(优购码)</a></li>
						<li class="topLinks"><a href="">企业购</a></li>
						<li class="topLinks"><a href="">Select Region</a></li></li>
						<li class="topLinks" id="moreWonderful">
							<div class="topNavDropdown" id="moreWonderfulBox">
								<a class="topNavDropdownLink" href="">更多精彩</a>
								<ul class="mySecondMemu" id="moreWonderfulMemu">
									<li class="wondefulLink myLinks"><a href="">EMUI</a></li>
									<li class="myLinks wondefulLink"><a href="">应用市场</a></li>
									<li class="myLinks wondefulLink"><a href="">华为终端云空间</a></li>
									<li class="myLinks wondefulLink"><a href="">开发者联盟</a></li>
								</ul>
							</div>						
						</li>
					</ul>

					<ul id="navTopRight" class="r">
						<li id="login" class="topLinks"><a  href="login.html" id="show_userinfo"></a></li>
						<li id="register" class="topLinks"><a href="register.html">注册</a></li>
						<li class="topLinks"><a href="">我的订单</a></li>
						<li class="topLinks">
							<div class="topNavDropdown">
								<a class="topNavDropdownLink" href="">客户服务</a>
								<ul class="mySecondMemu" id="clientMemu">
									<li class="myLinks serviseLink"><a href="">服务中心</a></li>
									<li class="myLinks serviseLink"><a href="">联系客服</a></li>
								</ul>
							</div>
						</li>
						<li class="topLinks">
							<div class="topNavDropdown">
								<a class="topNavDropdownLink" href="">网站导航</a>
								<div class="mySecondMemu siteNavLink">
									<div>
										<ul>
											<li><img src="img/index/indexLogo.png" alt=""></li>
											<li class="myLinks indexText"><a href="">商城首页</a></li>
										</ul>
									</div>
									<div>
										<p class="myTitle">频道</p>
										<ul>
											<li class="myLinks l"><a href="">华为专区</a></li>
											<li class="myLinks r rightText"><a href="">荣耀专区</a></li>
											<li class="myLinks l"><a href="">企业购</a></li>
										</ul>
									</div>
									<div>
										<p class="myTitle">产品</p>
										<ul>
											<li class="myLinks l"><a href="">手机</a></li>
											<li class="myLinks r rightText"><a href="">智能家居</a></li>
											<li class="myLinks l"><a href="">平板&笔记本</a></li>
											<li class="myLinks r rightText"><a href="">通用配件</a></li>
											<li class="myLinks l"><a href="">智能穿戴</a></li>
											<li class="myLinks r rightText"><a href="">专属配件</a></li>
										</ul>
									</div>

									<div>
										<p class="myTitle">增值服务</p>
										<ul>
											<li class="myLinks l"><a href="">以旧换新</a></li>
											<li class="myLinks r rightText"><a href="">礼品包装</a></li>
											<li class="myLinks l"><a href="">补购保障</a></li>
										</ul>
									</div>


									<div>
										<p class="myTitle">会员</p>
										<ul>
											<li class="myLinks"><a href="">会员频道</a></li>
										</ul>
									</div>

								</div>
							</div>
						</li>
						<li class="topLinks">
							<div class="topNavDropdown">
								<a class="topNavDropdownLink" href="">手机版</a>
								<ul class="mySecondMemu phoneVesion">
									<li class="myLinks"><a href=""><img src="img/index/navPhone01.png" alt=""></a></li>
									<li class="myLinks"><a href=""><img src="img/index/navPhone02.png" alt=""></a></li>
									<li class="myLinks"><a href=""><img src="img/index/navPhone03.png" alt=""></a></li>
								</ul>
							</div>
						</li>
						<li id="buyCarBox" class="topLinks">
							<a href="" id="buyCarLink">
								购物车(0)
							</a>
							<p class="mySecondMemu myBuyCar">
								<img src="img/index/byCar.png" alt="">
							</p>
						</li>
					</ul>
				</div>
			</nav>
			

			<nav id="navBottom" class="t">
				<div id="navBottomC" class="c">
					<section id="navBottomLeft">
						<a href="#" title="Vmall.com-华为商城">
							<img id="indexLogo" src="img/index/logo.png" alt="">
						</a>
						<ul id="navBottomLinkBox">
							<li class="navBottomLinks noRedBorder"><a href="huaweiPrefecture.html"><img src="img/index/huaweizhuanqu.png" alt=""></a></li>
							<li class="navBottomLinks noRedBorder"><a href=""><img src="img/index/rongyaozhuanqu.png" alt=""></a></li>
							<li class="navBottomLinks"><a href="">Mate 20系列</a></li>
							<li class="navBottomLinks"><a href="">荣耀V20</a></li>
							<li class="navBottomLinks"><a href="">开门红</a></li>
							<li class="navBottomLinks"><a href="">荣耀10</a></li>	
						</ul>
					</section>

					<section id="search">
						<input type="text" id="searchBox">
						<a href="" title=""><i id="searchBtn"></i></a>
						<a href="" title="" id="firstSearchText">荣耀V20</a>
						<a href="" title="" id="secondSearchText">nova4</a>
						<div class="searchHistory">
							<p>热门搜索</p>
							<ul>
								<li>华为20i</li>
								<li>HUAWEI P20</li>
								<li>nova 5</li>
								<li>nova</li>
							</ul>
						</div>
					</section>
				</div>
			</nav>
		</header><!-- /header -->

		<section id="transpSilder" class="t">
			<ul id="picBox" class="t">
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
				<li class="silderPic"><a href="#" title=""></a></li>
			</ul>
			
			<section id="bgSilder" class="t">
			</section>

			<div id="BtnsAndSilderNext" class="c">
				<section id="silderBothSides">
	                <button id="before"><</button>
	                <button id="next">></button>
	        	</section>

	        	<ul id="btnBox">
					<li class="silderBtn silderBtnActic"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
					<li class="silderBtn"></li>
				</ul>

				<section id="shopClassifiBox">
					<ul id="shopClassifi">
						<li class="shopClassifiInfBox" id="phone">
							<div class="shopClassifiInf">
								<span class="bGoods"><a href="" title="">手机</a></span>
								<span class="bGoods">
									<span class="sGoods"><a href="" title="">荣耀</a></span>
									<span class="sGoods"><a href="" title="">HUAWEI P系列</a></span>
								</span>
							</div>

							<div class="phoneMenu">
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a href="goodsDetails.html">
										<img src="img/index/smallphone01.png" alt="">
										<span>荣耀</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallphone02.png" alt="">
										<span>华为畅玩系列</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallphone03.png" alt="">
										<span>荣耀畅玩系列</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallphone04.png" alt="">
										<span>HUAWEI P系列</span>
									</a></li>
								</ul>
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a href="goodsDetails.html">
										<img src="img/index/smallphone05.png" alt="">
										<span>HUAWEI nova系列</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallphone06.png" alt="">
										<span>华为畅享系列</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallphone07.png" alt="">
										<span>HUAWEI麦芒系列</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallphone08.png" alt="">
										<span>移动4G+专区</span>
									</a></li>
								</ul>
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a class="lookMoreBtn" href="goodsList.html"> 
										查看全部
									</a></li>
								</ul>
							</div>
						</li>
						<li class="shopClassifiInfBox">
							<div class="shopClassifiInf">
								<span class="bGoods"><a href="goodsList.html" title="">笔记本 & 平板</a></span>
								<span class="bGoods">
									<span class="sGoods"><a href="goodsList.html" title="">平板电脑</a></span>
									<span class="sGoods"><a href="goodsList.html" title="">笔记本电脑</a></span>
								</span>		
							</div>

							<div class="phoneMenu phoneMenuCompt">
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a href="goodsDetails.html">
										<img src="img/index/smallcomputer01.png" alt="">
										<span>平板电脑</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallcomputer02.png" alt="">
										<span>笔记本电脑</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallcomputer03.png" alt="">
										<span>笔记本配件</span>
									</a></li>
								</ul>
								
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a class="lookMoreBtn" href="goodsList.html"> 
										查看全部
									</a></li>
								</ul>
							</div>
						</li>
						<li class="shopClassifiInfBox">
							<div class="shopClassifiInf">
								<span class="bGoods"><a href="" title="">智能穿戴</a></span>
								<span class="bGoods">
									<span class="sGoods"><a href="" title="">手表</a></span>
									<span class="sGoods"><a href="" title="">手环</a></span>
									<span class="sGoods"><a href="" title="">VR</a></span>
								</span>
							</div>
							<div class="phoneMenu phoneMenuCompt">
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a href="goodsDetails.html">
										<img src="img/index/smallwear01.png" alt="">
										<span>手环</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallwear02.png" alt="">
										<span>手表</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallwear03.png" alt="">
										<span>VR</span>
									</a></li>
								</ul>
								
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a class="lookMoreBtn" href="goodsList.html"> 
										查看全部
									</a></li>
								</ul>
							</div>
						</li>
						<li class="shopClassifiInfBox">
							<div class="shopClassifiInf">
								<span class="bGoods"><a href="" title="">智能家居</a></span>
								<span class="bGoods">
									<span class="sGoods"><a href="" title="">路由器</a></span>
									<span class="sGoods"><a href="" title="">电视黑子</a></span>
									<span class="sGoods"><a href="" title="">照明</a></span>
								</span>
							</div>
							<div class="phoneMenu phoneMenuCompt">
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a href="goodsDetails.html">
										<img src="img/index/smallhome01.png" alt="">
										<span>路由器</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallhome02.png" alt="">
										<span>电视盒子</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallhome03.png" alt="">
										<span>照明</span>
									</a></li>
								</ul>
								
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a class="lookMoreBtn" href="goodsList.html"> 
										查看全部
									</a></li>
								</ul>
							</div>
						</li>
						<li class="shopClassifiInfBox">
							<div class="shopClassifiInf">
								<span class="bGoods"><a href="" title="">通用配件</a></span>
								<span class="bGoods">
									<span class="sGoods"><a href="" title="">移动电源</a></span>
									<span class="sGoods"><a href="" title="">耳机</a></span>
									<span class="sGoods"><a href="" title="">音箱</a></span>
								</span>
							</div>
							<div class="phoneMenu phoneMenuCompt">
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a href="goodsDetails.html">
										<img src="img/index/smallpart01.png" alt="">
										<span>保护壳</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallpart02.png" alt="">
										<span>电视盒子</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallpart03.png" alt="">
										<span>照明</span>
									</a></li>
								</ul>
								
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a class="lookMoreBtn" href="goodsList.html"> 
										查看全部
									</a></li>
								</ul>
							</div>
						</li>
						<li class="shopClassifiInfBox">
							<div class="shopClassifiInf noBorder">
								<span class="bGoods"><a href="" title="">专属配件</a></span>
								<span class="bGoods">
									<span class="sGoods"><a href="" title="">保护壳</a></span>
									<span class="sGoods"><a href="" title="">保护套</a></span>
									<span class="sGoods"><a href="" title="">贴膜</a></span>
								</span>							
							</div>
							<div class="phoneMenu phoneMenuCompt">
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a href="goodsDetails.html">
										<img src="img/index/smallother01.png" alt="">
										<span>保护壳</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallother02.png" alt="">
										<span>电视盒子</span>
									</a></li>
									<li class="phoneLinks"><a href="">
										<img src="img/index/smallother03.png" alt="">
										<span>照明</span>
									</a></li>
								</ul>
								
								<ul class="phoneMenuBox">
									<li class="phoneLinks"><a class="lookMoreBtn" href="goodsList.html"> 
										查看全部
									</a></li>
								</ul>
							</div>
						</li>
					</ul>
				</section>			

				<section id="userActivities" class="c">
					<div id="loginAndRegister" class="l">
						<img src="img/index/userLogo.png" alt="">
						<div class="l">
							<div id="loginAndRegisterTop">
							您好！请<span><a href="login.html" title="">登录&nbsp;</a>/<a href="register.html" title="">&nbsp;注册</a></span>
						</div>
						<div id="loginAndRegisterBottom">
							<span class="smallBox l"><a href="" title="">新人福利</a></span>
							<span class="smallBox r"><a href="" title="">会员频道</a></span>
						</div>
						</div>
					</div>

					<div id="activities" class="l">
						<ul id="activitiesBox">
							<li class="activitiesInf">
								<a href="">
									<i class="activitiesLogo"></i>
									企业优惠购
								</a>
							</li>
							<li class="activitiesInf"><a href="">
								<i class="activitiesLogo"></i>
									以旧换新
							</a></li>
							<li class="activitiesInf"><a href="">
								<i class="activitiesLogo"></i>
									会员领券
							</a></li>
							<li class="activitiesInf"><a href="">
								<i class="activitiesLogo"></i>
									明星同款
							</a></li>
							<li class="activitiesInf"><a href="">
								<i class="activitiesLogo"></i>
									畅想9新品
							</a></li>
							<li class="activitiesInf"><a href="">
								<i class="activitiesLogo"></i>
									优惠购
							</a></li>
						</ul>
					</div>

					<div id="noticBox">
						<div class="noticSmallBox" id="noticBoxTop">
							<a id="markNoticLink" href="" title="商城公告">公告</a>
							<a href="" title="">
								<div id="markNoticsTextBox">
									<span class="markNotics"></span>
									<span class="markNotics"></span>
									<span class="markNotics"></span>
									<span class="markNotics"></span>
								</div>								
							</a>
						</div>

						<div class="noticSmallBox" id="noticBoxbottom">
							<div id="noticSmallBoxC">
								<a href="" title="">
									<span class="noticSmallBoxBottom">
									优惠码
									</span>
									<i id="" class="noticBoxbottomLogo"></i>
								</a>
								<a href="" title="">
									<span class="noticSmallBoxBottom">
									实名认证
									</span>
									<i id="nameIdetif" class="noticBoxbottomLogo"></i>
								</a>
								<a href="" title="">
									<span class="noticSmallBoxBottom">
									补购保障
									</span>
									<i id="buySure" class="noticBoxbottomLogo"></i>
								</a>
							</div>	
						</div>
					</div>
				</section>
			</div>		
		</section>

		<main class="c" id="main">
			<section id="topGoods">
				<div id="topGoodsBox">
					<li class="topGoodsInfo goods"><a href="goodsDetails.html"><img src="" alt=""><img src="img/index/topShop01.jpg" alt=""></a></li>
					<li class="topGoodsInfo goods"><a href=""><img src="img/index/topShop02.jpg" alt=""></a></li>
					<li class="topGoodsInfo goods"><a href=""><img src="img/index/topShop03.jpg" alt=""></a></li>
					<li class="topGoodsInfo goods"><a href=""><img src="img/index/topShop04.jpg" alt=""></a></li>
				</div>
			</section>

			<section id="hotItem">
				<div class="goodsTitle">
					<h2>热销单品</h2>
				</div>
				<a href="#" title=""><img src="img/index/rexiaodanping.jpg" alt="" class="goods l"></a>
			</section>

			<section id="recommendation" class="levelSilder c">
				<div class="goodsTitle">
					<h2>精品推荐</h2>
				</div>

				<div id="recommendationBox">
				</div>

				<div class="c">
					<span class="recommendBtn levelSilderBefore" id="recommendBefore"></span>
					<span class="recommendBtn levelSilderNext" id="recommendNext"></span>
				</div>
			</section>

			<section id="adSilder" class="littleAd">
				<ul class="adPicBox">
					<li class="adPic">
						<a href="">
							<img src="img/index/guangaosilder01.jpg" alt="">
						</a>
					</li>
					<li class="adPic"><a href=""><img src="img/index/guangaosilder02.jpg" alt=""></a></li>
					<li class="adPic"><a href=""><img src="img/index/guangaosilder03.jpg" alt=""></a></li>
					<li class="adPic"><a href=""><img src="img/index/guangaosilder04.jpg" alt=""></a></li>
					<li class="adPic"><a href=""><img src="img/index/guangaosilder05.jpg" alt=""></a></li>
					<li class="adPic"><a href=""><img src="img/index/guangaosilder06.jpg" alt=""></a></li>
					<li class="adPic"><a href=""><img src="img/index/guangaosilder07.jpg" alt=""></a></li>
					<li class="adPic"><a href=""><img src="img/index/guangaosilder08.jpg" alt=""></a></li>
				</ul>
				
				<ul id="adSilderBox">
					<li class="adSilderBtn silderBtnActic"></li>
					<li class="adSilderBtn"></li>
					<li class="adSilderBtn"></li>
					<li class="adSilderBtn"></li>
					<li class="adSilderBtn"></li>
					<li class="adSilderBtn"></li>
					<li class="adSilderBtn"></li>
					<li class="adSilderBtn"></li>
				</ul>	
			</section>

			<section id="mobilePhone">
				<div class="goodsTitle c">
					<h2 class="l">手机</h2>
					<ul id="secondTitle" class="l">
						<li class="secondTitleText"><a href="">荣耀</a></li>
						<li class="secondTitleText"><a href="">HUAWEI P系列</a></li>
						<li class="secondTitleText"><a href="">荣耀畅玩系列</a></li>
						<li class="secondTitleText"><a href="">HUAWEI navo系列</a></li>
						<li class="secondTitleText"><a href="">HUAWEI Mate系列</a></li>
						<li class="secondTitleText"><a href="">华为畅享系列</a></li>
						<li class="secondTitleText"><a href="">HUAWEI麦芒系列</a></li>
						<li class="secondTitleText"><a href="">移动4G+专区</a></li>
					</ul>
					<span class="lookMore"><a href="" title="">查看更多></a></span>

					<div id="mobilePhoneBox" class="c">
						<a href="" title=""><img class="l goods" src="img/index/mobilephone01.jpg" alt=""></a>					
					</div>				
				</div>
			</section>

			<section id="personalComputer">
				<div class="goodsTitle c">
					<h2 class="l">笔记本电脑</h2>
					<ul id="secondTitle" class="l">
						<li class="secondTitleText"><a href="">平板电脑</a></li>
						<li class="secondTitleText"><a href="">笔记本电脑</a></li>
						<li class="secondTitleText"><a href="">笔记本配件</a></li>
					</ul>
					<span class="lookMore"><a href="" title="">查看更多></a></span>

					<div id="personalComputerBox" class="c">
						<a href="" title=""><img class="l goods" src="img/index/mobilephone01.jpg" alt=""></a>					
					</div>				
				</div>
			</section>

			<section id="wellTablet">
				<div class="goodsTitle c">
					<h2 class="l">精品平板</h2>
					<ul id="secondTitle" class="l">
						<li class="secondTitleText"><a href="">平板电脑</a></li>
						<li class="secondTitleText"><a href="">笔记本电脑</a></li>
						<li class="secondTitleText"><a href="">笔记本配件</a></li>
					</ul>
					<span class="lookMore"><a href="" title="">查看更多></a></span>

					<div id="wellTabletBox" class="c">
						<a href="" title=""><img class="l goods" src="img/index/wellTablet01.png" alt=""></a>					
					</div>				
				</div>
			</section>

			<section id="smartWear">
				<div class="goodsTitle c">
					<h2 class="l">智能穿戴</h2>
					<ul id="secondTitle" class="l">
						<li class="secondTitleText"><a href="">手环</a></li>
						<li class="secondTitleText"><a href="">手表</a></li>
						<li class="secondTitleText"><a href="">VR</a></li>
					</ul>
					<span class="lookMore"><a href="" title="">查看更多></a></span>

					<div id="smartWearBox" class="c">
						<a href="" title=""><img class="l goods" src="img/index/smartWear01.jpg" alt=""></a>				
					</div>				
				</div>
			</section>

			<section id="moreSmartWear" class="levelSilder c">
				<div id="moreSmartWearBox" class="moreLevelBox">
				</div>

				<div class="c">
					<span id="moreSmartWearBefore" class="moreSmartWearBtn levelSilderBtn levelSilderBefore"></span>
					<span id="moreSmartWearNext" class="moreSmartWearBtn levelSilderBtn levelSilderNext"></span>
				</div>
			</section>

			<section id="smartHome">
				<div class="goodsTitle c">
					<h2 class="l">智能家居</h2>
					<ul id="secondTitle" class="l">
						<li class="secondTitleText"><a href="">路由器</a></li>
						<li class="secondTitleText"><a href="">子母/分布式路由器</a></li>
						<li class="secondTitleText"><a href="">随行wifi</a></li>
						<li class="secondTitleText"><a href="">电视盒子</a></li>
						<li class="secondTitleText"><a href="">照明</a></li>
						<li class="secondTitleText"><a href="">清洁</a></li>
						<li class="secondTitleText"><a href="">路由器</a></li>
						<li class="secondTitleText"><a href="">子母/分布式路由器</a></li>
						<li class="secondTitleText"><a href="">随行wifi</a></li>
						<li class="secondTitleText"><a href="">影音</a></li>
						<li class="secondTitleText"><a href="">卫浴</a></li>
						<li class="secondTitleText"><a href="">其他</a></li>
					</ul>
					<span class="lookMore"><a href="" title="">查看更多></a></span>

					<div id="smartHomeBox" class="c">
						<a href="" title=""><img class="l goods" src="img/index/smartHome01.jpg" alt=""></a>					
					</div>				
				</div>
			</section>

			<section id="moreSmartHome" class="levelSilder c">
				<div id="moreSmartHomeBox" class="moreLevelBox">
				</div>

				<div class="c">
					<span id="moreSmartHomeBefore" class="moreSmartHomeBtn levelSilderBtn levelSilderBefore"></span>
					<span id="moreSmartHomeNext" class="moreSmartHomeBtn levelSilderBtn levelSilderNext"></span>
				</div>
			</section>

			<section id="smartLiveAd" class="littleAd">
				<div>					
					<a href="">
						<img class="imgBradius" src="img/index/zhihuishenghuoguan_ad.jpg" alt="">
					</a>
				</div>					
			</section>

			<section id="hotParts">
				<div class="goodsTitle c">
					<h2 class="l">热销配件</h2>
					<ul id="secondTitle" class="l">
						<li class="secondTitleText"><a href="">移动电源</a></li>
						<li class="secondTitleText"><a href="">耳机</a></li>
						<li class="secondTitleText"><a href="">充电器/线材</a></li>
						<li class="secondTitleText"><a href="">自拍杆/支架</a></li>
						<li class="secondTitleText"><a href="">音箱</a></li>
						<li class="secondTitleText"><a href="">取卡器</a></li>
						<li class="secondTitleText"><a href="">U盘/存储卡</a></li>
						<li class="secondTitleText"><a href="">摄像机/镜头</a></li>
						<li class="secondTitleText"><a href="">智能硬件</a></li>
						<li class="secondTitleText"><a href="">生活周边</a></li>
					</ul>
					<span class="lookMore"><a href="" title="">查看更多></a></span>

					<div id="hotPartsBox" class="c">
						<a href="" title=""><img class="l goods" src="img/index/hotParts01.png" alt=""></a>			
					</div>				
				</div>
			</section>

			<section id="moreHotParts" class="levelSilder c">
				<div id="moreHotPartsBox" class="moreLevelBox">
				</div>

				<div class="c">
					<span id="moreHotPartsBefore" class="moreHotPartsBtn levelSilderBtn levelSilderBefore"></span>
					<span id="moreHotPartsNext" class="moreHotPartsBtn levelSilderBtn levelSilderNext"></span>
				</div>
			</section>

			<section id="brandParts">
				<div class="goodsTitle c">
					<h2 class="l">品牌配件</h2>
					<ul id="secondTitle" class="l">
						<li class="secondTitleText"><a href="">移动电源</a></li>
						<li class="secondTitleText"><a href="">耳机</a></li>
						<li class="secondTitleText"><a href="">充电器/线材</a></li>
						<li class="secondTitleText"><a href="">自拍杆/支架</a></li>
						<li class="secondTitleText"><a href="">音箱</a></li>
						<li class="secondTitleText"><a href="">取卡器</a></li>
						<li class="secondTitleText"><a href="">U盘/存储卡</a></li>
						<li class="secondTitleText"><a href="">摄像机/镜头</a></li>
						<li class="secondTitleText"><a href="">智能硬件</a></li>
						<li class="secondTitleText"><a href="">生活周边</a></li>
					</ul>
					<span class="lookMore"><a href="" title="">查看更多></a></span>

					<div id="brandPartsBox" class="c">
						<a href="" title=""><img class="l goods" src="img/index/brandParts01.jpg" alt=""></a>				
					</div>				
				</div>
			</section>

			<section id="moreBrandParts" class="levelSilder c">
				<div id="moreBrandPartsBox" class="moreLevelBox">
				</div>

				<div class="c">
					<span id="moreBrandPartsBefore" class="moreBrandPartsBtn levelSilderBtn levelSilderBefore"></span>
					<span id="moreBrandPartsNext" class="moreBrandPartsBtn levelSilderBtn levelSilderNext"></span>
				</div>
			</section>

			<section id="bottomAd">
				<a href="" title="新人频道">
					<img class="imgBradius" src="img/index/bottomAd.jpg" alt="">
				</a>
			</section>
		</main>
		
		<footer id="footer" class="t">
			<section id="slogan" class="c">
				<ul id="sloganBox">
					<li class="sloganInf"><a href="">
						<i class="sloganIcon"></i>
						<span class="sloganText">百强企业 品质保证</span>
					</a></li>
					<li class="sloganInf"><a href="">
						<i class="sloganIcon"></i>
						<span class="sloganText">7天退货品 15天换货</span>
					</a></li>
					<li class="sloganInf"><a href="">
						<i class="sloganIcon"></i>
						<span class="sloganText">48元起免运费</span>
					</a></li>
					<li class="sloganInf"><a href="">
						<i class="sloganIcon"></i>
						<span class="sloganText">1000家维修网点 全国联保</span>
					</a></li>
				</ul>
			</section>

			<section id="serviceContainer" class="c">
				<div id="serviceLeft" class="l">
					<ul class="serviceTextBox l">
						<li class="serviceText">购物相关</li>
						<li class="serviceText"><a href="">购物指南</a></li>
						<li class="serviceText"><a href="">配送方式</a></li>
						<li class="serviceText"><a href="">支付方式</a></li>
						<li class="serviceText"><a href="">常见问题</a></li>
					</ul>
					<ul class="serviceTextBox l">
						<li class="serviceText">保修与退换货</li>
						<li class="serviceText"><a href="">购物指南</a></li>
						<li class="serviceText"><a href="">配送方式</a></li>
						<li class="serviceText"><a href="">退换货流程</a></li>
						<li class="serviceText"><a href="">保修状态查询</a></li>
						<li class="serviceText"><a href="">配件防伪查询</a></li>
					</ul>
					<ul class="serviceTextBox l">
						<li class="serviceText">维修与技术支持</li>
						<li class="serviceText"><a href="">购物指南</a></li>
						<li class="serviceText"><a href="">配送方式指南</a></li>
						<li class="serviceText"><a href="">支付方式</a></li>
						<li class="serviceText"><a href="">华为CBG官网</a></li>
						<li class="serviceText"><a href="">上门服务</a></li>
					</ul>
					<ul class="serviceTextBox l">
						<li class="serviceText">特色服务</li>
						<li class="serviceText"><a href="">购物指南</a></li>
						<li class="serviceText"><a href="">配送方式</a></li>
						<li class="serviceText"><a href="">支付方式</a></li>
						<li class="serviceText"><a href="">常见问题</a></li>
					</ul>
					<ul class="serviceTextBox l">
						<li class="serviceText">关于我们</li>
						<li class="serviceText"><a href="">公司介绍</a></li>
						<li class="serviceText"><a href="">配送方式</a></li>
						<li class="serviceText"><a href="">支付方式</a></li>
						<li class="serviceText"><a href="">常见问题</a></li>
						<li class="serviceText"><a href="">华为线下门店</a></li>
						<li class="serviceText"><a href="">荣耀线下门店</a></li>
					</ul>
					<ul class="serviceTextBox l">
						<li class="serviceText">友情链接</li>
						<li class="serviceText"><a href="">购物指南</a></li>
						<li class="serviceText"><a href="">配送方式</a></li>
						<li class="serviceText"><a href="">华为CBG官网</a></li>
						<li class="serviceText"><a href="">常见问题</a></li>
						<li class="serviceText"><a href="">花粉俱乐部</a></li>
					</ul>
				</div>

				<div id="serviceRight" class="r">
					<p id="phoneNum">400-088-6888</p>
					<p class="serviceRightState">7x24小时客服热线（仅收市话费）</p>
					<p id="serviceRightlittleBox"><a href="" title="">
						<i></i><span>在线客服</span>
					</a></p>
					<p class="serviceRightState">
						<span class="l">关注Vmall:</span>	
						<a class="serviceRightStateIcon" href="" title=""><i></i></a>
						<a class="serviceRightStateIcon" href="" title=""><i></i></a>
						<a class="serviceRightStateIcon" href="" title=""><i></i></a>
						<a class="serviceRightStateIcon" href="" title=""><i></i></a>
					</p>
				</div>
			</section>

			<section class="c" id="bottomFooter">
				<img src="img/index/bottomLogo_VMALL.png" alt="">

				<div class="l" id="bottomFooterMid">
					<ul class="bottomFooterList" id="bottomFooterListTitle">
						<li id="firstBottomFooterList"><a href="">华为集团</a></li>
						<li><a href="">华为CBG官网</a></li>
						<li><a href="">荣耀官网</a></li>
						<li><a href="">花粉俱乐部</a></li>
						<li><a href="">华为应用市场</a></li>
						<li><a href="">ENUI</a></li>
						<li><a href="">华为终端云空间</a></li>
						<li><a href="">开发者联盟</a></li>
						<li><a href="">华为手机版</a></li>
						<li><a href="">网站地图</a></li>
					</ul>
					<img src="img/index/footerText.png" alt="">
				</div>

				<p id="bottomFooterRight">
					<a href="" title=""><img src="img/index/footer_yinsirengzheng.jpg" alt=""></a>
					<a href="" title=""><img src="img/index/footer_yingyezhizhao.png" alt=""></a>
				</p>

			</section>
		</footer>

		<section id="fixedMune" class="t">
			<a class="fixedMuneLinks" href="#" title="">
				<i class="fixedMuneTips">购物车</i>
			</a>
			<a class="fixedMuneLinks" href="#" title="">
				<i class="fixedMuneTips">在线客服</i>
			</a>
			<a class="fixedMuneLinks" href="#" title="">
				<i class="fixedMuneTips">意见反馈</i>
			</a>
			<a id="goTop" class="fixedMuneLinks" href="#" title="">
				<i class="fixedMuneTips">返回顶部</i>
			</a>
		</section>

		<section id="rightPoint">
			<ul>
				<li class="pointBtns">
					<a class="pointBtnsLinks" id="firstPointBtnsLinks" href="#">手机</a>
					<span class="pointBtnsBorder" id="firstPointBtnsBorder"></span>
				</li>
				<li class="pointBtns">
					<a class="pointBtnsLinks" href="#">笔记本电脑</a>
					<span class="pointBtnsBorder"></span>
				</li>
				<li class="pointBtns">
					<a class="pointBtnsLinks" href="#">精品平板</a>
					<span class="pointBtnsBorder"></span>
				</li>
				<li class="pointBtns">
					<a class="pointBtnsLinks" href="#">智能穿戴</a>
					<span class="pointBtnsBorder"></span>
				</li>
				<li class="pointBtns">
					<a class="pointBtnsLinks" href="#">智能家居</a>
					<span class="pointBtnsBorder"></span>
				</li>
				<li class="pointBtns">
					<a class="pointBtnsLinks" href="#">热销配件</a>
					<span class="pointBtnsBorder"></span>
				</li>
				<li class="pointBtns">
					<a class="pointBtnsLinks" href="#">品牌配件</a>
					<span class="pointBtnsBorder"></span>
				</li>
			</ul>
		</section>	
	</body>	
</html>
